<template>
  <div class="credit">
    <common-header />
    <div>
      <div class="credit-container">
        <credit-bg />
        <credit-introduce />
        <credit-about />
        <credit-cooperate />
      </div>
    </div>
    <common-footer />
  </div>
</template>
<script setup>
import CommonHeader from "@/components/common/CommonHeader.vue";
import CreditBg from "@/components/credit/CreditBg.vue";
import CreditIntroduce from "@/components/credit/CreditIntroduce.vue";
import CreditAbout from "@/components/credit/CreditAbout.vue";
import CreditCooperate from "@/components/credit/CreditCooperate.vue";
import CommonFooter from "@/components/common/CommonFooter.vue";
</script>
<style scoped lang="scss">
.credit{
  --color-main: #002FFF;
  --color-submain: #0023BD;
  --hover-color: #0023BD;
  --background: #fff;
  --bg-border-color: #0023BD;
  --active-button: #0023BD;
  --color-footer: #F78F22;
  --disabled-button: #5974ED;
}
.credit-container {
  margin-top: -14px;
  width: 100%;
}
</style>
